<template>
    <div>
        <h2 class="title">这是home页面</h2>
        <p>{{ msg }}</p>
        <div class="test">
            <p>这是一个内容</p>
        </div>
        <button>这是一个按钮</button>
    </div>
</template>
<script>
export default {
    data() {
        return {
            msg: '这是home页面'
        }
    }
}
</script>

<style lang=scss scoped>
$highlight-color:#f90;
    .title{
        color:$highlight-color;
            }
            .test{
                p{
                    color:red
                }
            }
</style>

